<template>
    <div class="postadd">
        <div class="postadd_head">
          
            <i class="iconfont icon-fanhui"></i>
            <span>兰普人力|AI爱招聘</span>
       
           
        </div>
        <div class="postadd_content">
       
            <div class="pc_right">
                <div class="pcr_main_title">
                    <span>添加子公司</span>
                </div>
                <div class="pcr_div">
                    <input placeholder="写上一句话，让你的岗位与众不同"/>
                </div>

                <div class="pcrimg_div">
                    <span>岗位专属图片</span>
                    <i class="iconfont icon-jiahao"></i>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>岗位名称:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写岗位名称"/>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>岗位类型:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写岗位名称"/>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>招聘数量:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写招聘数量"/>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>招聘原因:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>重要紧急程度:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_company">
                    <div class="pcrc_div">
                        <div class="pcrd_left">
                            <span>所属公司:</span>
                        </div>
                        <div class="pcrd_right">
                            <span>兰普人力资源有限公司</span>
                            <i class="iconfont icon-xiangxia"></i>
                        </div>
                    </div>
                    <div class="pcrc_add">
                        <div class="pcrda_div">
                            <i class="iconfont icon-jiahao"></i>
                            <span>添加</span>
                        </div>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>所属部门:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写所属部门"/>
                    </div>
                </div>

                <div class="pcr_title">
                    <span>部门介绍:</span>
                </div>
                <div class="pcr_textarea">
                    <textarea></textarea>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>本岗位职级:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>所属职能:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>直接上级职级:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写直接上级职级"/>
                    </div>
                </div>

                <div class="pcr_title">
                    <span>直接上级简介:</span>
                </div>
                <div class="pcr_textarea">
                    <textarea></textarea>
                </div>


                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>下属情况:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写下属情况"/>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>下属情况:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写下属情况"/>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>平级岗位:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写平级岗位"/>
                    </div>
                </div>

                <div class="pcr_main_title">
                    <span>薪酬待遇</span>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>税前年薪:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写"/>
                        <span>万元</span>
                    </div>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>税前月薪:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写"/>
                        <span>万元</span>
                    </div>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>年终奖金约:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="请填写"/>
                        <span>万元</span>
                    </div>
                </div>

                <div class="pcr_title">
                    <span>补贴福利:</span>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>股权激励情况:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>作息时间:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>出差频率:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>工作地点:</span>
                    </div>
                    <div class="pcri_select">
                        <span>可多选</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_title">
                    <span style="color: #FF1515;margin-right: .12rem;">*</span>
                    <span>岗位职责:</span>
                </div>
                <div class="pcr_textarea">
                    <textarea></textarea>
                </div>
                <div class="pcr_main_title">
                    <span>学历/专业等要求</span>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>年龄要求:</span>
                    </div>
                    <div class="pcri_main_input">
                        <input />
                        <span>岁至</span>
                        <input />
                        <span>岁</span>
                    </div>
                </div>
                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>最低学历要求:</span>
                    </div>
                    <div class="pcri_select">
                        <span>请选择</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span>*</span>
                        <span>希望来自的学校:</span>
                    </div>
                    <div class="pcri_select">
                        <span>可多选</span>
                        <i class="iconfont icon-xiangxia"></i>
                    </div>
                </div>

                <div class="pcr_input">
                    <div class="pcri_left">
                        <span></span>
                        <span>专业要求:</span>
                    </div>
                    <div class="pcri_right">
                        <input placeholder="可填写多个，用'隔开'"/>
                    </div>
                </div>









            </div>
        </div>
    </div>
</template>
  
<script>

    export default {
        name: 'postadd',
        components: {
           
        }
    }
</script>
<style scoped lang="less">
    .postadd_head{
        width: 100%;
        height: 1.1733rem;
        background: url("../../assets/imgs/qiye_head.png");
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 .4667rem;
        box-sizing: border-box;
    }
    .postadd_head .iconfont{
        font-size: .4267rem;
        color: #999999;
    }
    .postadd_head span{
        font-size: .3733rem;
        color: #333333;
        margin-left: .2667rem;
    }
    .postadd_content{
        width: 100%;
        height: calc(100vh - 1.9733rem - 1.1733rem);
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .pc_left{
        width: 2.08rem;
        height: 100%;
        background: #f8f8f8;
    }
    .pcl_div{
        width: 100%;
        height: 1.6rem;
        border-left: .0533rem solid #F8F8F8;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        line-height: .4267rem;
        font-size: .32rem;
    }
    .pc_right{
        flex: 1;
        padding: 0 .2133rem;
        box-sizing: border-box;
        height: 100vh;
        background: #ffffff;
    }
    .pcr_div{
        width: 100%;
        height: 1.1733rem;
        background: #F9F9F9;
        border-radius: .1067rem;
        margin-top: .4rem;
    }
    .pcr_div input{
        width: 100%;
        height: 100%;
        background:#F9F9F9;
        border: 0px;
        outline: none;
        border-radius: .1067rem;
        padding-left: .2133rem;
        box-sizing: border-box;
    }
    .pcrimg_div{
        width: 100%;
        height: 1.7067rem;
        background: #F8F8F8;
        border-radius: .1067rem;
        padding: 0 .2133rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: .2133rem;
    }
    .pcrimg_div span{
        font-size: .3733rem;
        color: #999999;
        line-height: .4933rem;

    }
    .pcrimg_div .iconfont{
        font-size: .4267rem;
        color: #999999;
        margin-left: .2133rem;
    }
    .pcr_input{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 1.1733rem;
        background: #F8F8F8;
        border-radius: .1067rem;
        padding: 0 .2133rem;
        margin-top: .2133rem;
        box-sizing: border-box;
    }
    .pcri_left{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-width: 2rem;

    }
    .pcri_left span:first-child{
        color: #FF1515;
    }
    .pcri_left span:last-child{
        font-size: .32rem;
        color: #333333;
        margin-left: .12rem;
    }
    .pcri_right{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;

    }
    .pcri_right input{
        flex: 1;
        height: 100%;
        border: 0px;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: .3733rem;
        color: #333333;
        height: 1.1733rem;
        background: #F8F8F8;
        text-align: right;
        padding-right: .2133rem;
        box-sizing: border-box;
        font-weight: 400;
    }
    .pcri_right span{
        font-size: .32rem;
        color: #333333;
        font-weight: 400;
        min-width: .8rem;
    }
    .pcri_select{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: .3733rem;
        color: #999999;
        flex: 1;
    }
    .pcri_select .iconfont{
        font-size: .32rem;
        color: #999999;
        margin-left: .1067rem;
    }
    .pcr_company{
        width: 100%;
        padding: 0 .2133rem;
        box-sizing: border-box;
        background: #F8F8F8;
        display: inline-block;
        margin-top: .2133rem;
    }
    .pcrc_div{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: .3467rem;
    }
    .pcrd_left{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: .32rem;
        color: #333333;
    }
    .pcrd_right{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: .3733rem;
        color: #1F1F1F;
        font-weight: 700;

    }
    .pcrd_right .iconfont{
        font-size: .32rem;
        color: #1F1F1F;
        margin-left: .2133rem;
        font-weight: 400;
    }
    .pcrc_add{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: .32rem;
    }
    .pcrda_div{
        width: 1.7067rem;
        height: .64rem;
        background: #FFFFFF;
        border-radius: .0533rem;
        border: 1px solid #F5792A;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: .32rem;
        margin-bottom: .3333rem;
    }
    .pcrda_div .iconfont{
        font-size: .32rem;
        color: #F5792A;
    }
    .pcrda_div span{
        font-size: .32rem;
        color: #F5792A;
        margin-left: .1067rem;
    }
    .pcr_title{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: .32rem;
        color: #333333;
        margin-top: .32rem;
    }
    .pcr_textarea{
        width: 100%;
        margin-top: .2133rem;
    }
    .pcr_textarea textarea{
        width: 100%;
        border: 1px solid #DEDEDE;
        border-radius: .1067rem;
        height: 2.1333rem;
        font-size: .3733rem;
        resize: none;
        padding: .2133rem;
        box-sizing: border-box;
    }
    .pcr_main_title{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: .4267rem;
        font-weight: 700;
        color: #333333;
        line-height: .56rem;
        margin-top: .32rem;
    }
    .pcri_main_input{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .pcri_main_input input{
        border: 0px;
        outline: none;
        width: 2.2rem;
        height: 100%;
        background: #F8F8F8;
        padding: 0 .2rem;
        box-sizing: border-box;
    }




</style>

  